@bgColor: #F2F2F2;  // 背景色


.OrderRefund{
    .banner-search{
        width: 100%;
        height: 218px;
        // background-color: aqua;
        border: 1px solid @bgColor;
        // margin-top: 0px;
    }
    
    //筛选查询
    .banner-query{
        width: 100%;
        height: 50px;
        background-color: @bgColor;
        p{
            width: 70px;
            line-height: 50px;
            margin-left: 15px;
            font-size: 16px;
            color: #676262;
        }
    }
    
    
    //搜索框
    .banner-input{
        width: 96%;
        height: 80px;
        // background-color: aquamarine;
        // border: 1px solid red;
        display: flex;
        justify-content: space-around;
        margin-top: 25px;
        margin-left: 20px;
    
        div{
            width: 340px;
            height: 40px;
            font-size: 14px;
            // border:  1px solid red;
    
            input{
                width: 250px;
                height: 35px;
                margin-left: 18px;
            }

            .ant-picker-input{
                width: 220px;
                height: 35px;
            }
        }

        .banner-input-div{
            margin-left: -28px;
        }

        .banner-input-date{
            margin-right: -35px;
        }
    }
    
    //筛选、重置按钮
    .banner-button{
        height: 63px;
        // background-color: yellow;
        display: flex;
        justify-content: center;
    }
    
    
    //
    .data-list-context{
        width: 97%;
        // background-color: aqua;
        // margin-top: 8px;
    }
    
    //操作按钮
    .state-button{
    
        .one{
            padding: 4px 7px;
            margin-left: 5px;
            border-radius: 5px;
            border: 1px solid #67C23A;
            background-color: #E1F3D8;
            color: #67C23A;
        }
    
        .two{
            padding: 4px 7px;
            margin-left: 5px;
            border-radius: 5px;
            border: 1px solid #F56C6C;
            background-color: #FDE2E2;
            color: #F56C6C;
        }
    
        :hover{
            cursor: pointer;
        }
    }
    
    .data-list-div>p{
        width: 97%;
        height: 30px;
        // border: 1px solid red;
        margin-top: 8px;
    }
    
    .data-list-div{
        background-color: #F2F2F2;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .data-list{
        width: 100%;
        margin-top: 50px;
    }

    .page-div-top{
        flex: 1;
        height: 40px;
        display: flex;
        margin-top: 25px;
        margin-left: 25px;

        div {
            width: 120px;
            height: 35px;
            font-weight: 500;
            font-style: normal;
            font-size: 14px;
            text-align: center;
            line-height: 35px;
            border: 1px solid #d7d7d7;
            margin-right: 18px;
            cursor: pointer;

            p {
                color: #ff0042;
                display: inline;
            }
        }

        .selectBtn{
            background-color: #409eff;
            color: white;

            p{
                color: white;
            }
        }
    }
}

